<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>文本与图片环绕模式</title>
		<style>
			div{
				width: 300px;
				height: 300px;
				background: url(./img/3.png);
				background-size: 100% 100%;
				/*浮动：让元素飘起来，元素脱离文档流*/
				float: left;
			}
		</style>
	</head>
	<body>
		<div></div>
		Lorem ipsum, dolor sit amet consectetur adipisicing elit. Temporibus, quas illum eligendi accusantium facere quibusdam perferendis maxime dolorem praesentium non. Dignissimos qui nulla suscipit quam et incidunt aliquid consectetur laboriosam?Lorem ipsum dolor sit amet consectetur, adipisicing elit. Iusto ipsa vero temporibus nam ipsum dolor quo velit quia unde cupiditate, ut nisi, sed numquam. Saepe unde amet pariatur nemo fuga!lorem
		Lorem ipsum dolor sit, amet consectetur adipisicing elit. Qui placeat repudiandae nobis amet culpa optio tenetur dignissimos debitis ipsam cupiditate, asperiores neque, deserunt quod aut. Qui sunt deserunt dolor 
	</body>
</html>